﻿<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>控制台 - Bootstrap后台管理系统模版Ace下载</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<!-- basic styles -->
	<link href="{{__HOST__}}/admin/css/bootstrap.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="{{__HOST__}}/admin/css/font-awesome.min.css" />
	<!-- ace styles -->
	<link rel="stylesheet" href="{{__HOST__}}/admin/css/ace.min.css" />
	<link rel="stylesheet" href="{{__HOST__}}/admin/css/ace-rtl.min.css" />
	<link rel="stylesheet" href="{{__HOST__}}/admin/css/ace-skins.min.css" />

	<script src="{{__HOST__}}/admin/js/ace-extra.min.js"></script>
	<style>
		.form-horizontal .form-group {
			height: 44px;
		}
	</style>

	<script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.min.js"> </script>
	<script type="text/javascript" charset="utf-8" src="/ueditor/lang/zh-cn/zh-cn.js"></script>

</head>

<body>
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
			try { ace.settings.check('navbar', 'fixed') } catch (e) { }
		</script> {{include 'admin/public/nav_top.html'}}
	</div>

	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try { ace.settings.check('main-container', 'fixed') } catch (e) { }
		</script>

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#">
				<span class="menu-text"></span>
			</a>

			{{include 'admin/public/slide_left.html'}}

			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
					</script>

					<ul class="breadcrumb">
						<li>
							<i class="icon-home home-icon"></i>
							<a href="#">首页</a>
						</li>
						<li class="active">控制台</li>
					</ul>
					<!-- .breadcrumb -->

					<div class="nav-search" id="nav-search">
						<form class="form-search">
							<span class="input-icon">
								<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
								<i class="icon-search nav-search-icon"></i>
							</span>
						</form>
					</div>
					<!-- #nav-search -->
				</div>

				<div class="page-content">

					<div class="page-header">
						<h1>
							修改文章
						</h1>
					</div>
					<!-- /.page-header -->

					<div class="table-responsive">
						<form action="{{__HOST__}}/admin/article/doEdit" method="post" class="form-horizontal" enctype="multipart/form-data" style="border:1px solid #eee;">


							<ul id="myTab" class="nav nav-tabs" style="height:44px;">
								<li class="active">
									<a href="#basic" data-toggle="tab">
										基本设置
									</a>
								</li>
								<li>
									<a href="#content" data-toggle="tab">内容设置</a>
								</li>

								<li>
									<a href="#seo" data-toggle="tab">SEO设置</a>
								</li>

							</ul>
							<div id="myTabContent" class="tab-content" style="border: none;">
								<div class="tab-pane fade in active" id="basic">
									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right" for="pid">所属分类：</label>

										<div class="col-sm-10">
											<select name="pid" id="pid">
												{{each catelist}}
												<option value="{{@$value._id}}">{{$value.title}}</option>
												{{each $value.list}}
												<option {{if articlelist.catename==$value.title }} selected {{/if}} value="{{@$value._id}}">{{$value.title}}</option>
												{{/each}} {{/each}}

											</select>
										</div>
										<input type="hidden" name="catename" id="catename" value="{{catelist[0].title}}" />
										<input type="hidden" name="id" id="id" value="{{@articlelist._id}}" />

										<input type="hidden" name="prevPage" id="prevPage" value="{{prevPage}}" />
									</div>




									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right" for="title">名称:</label>

										<div class="col-sm-10">
											<input type="text" id="title" name="title" class="col-xs-10 col-sm-5" value='{{articlelist.title}}' />
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right" for="title">封面图:</label>

										<div class="col-sm-10">
											<input type="file" id="file" name="img_url" class="col-xs-10 col-sm-5" />
										</div>
										<br>

									</div>

									<div class="form-group" style='width: 400px;height: 400px;margin-left: 200px'>
										<img style='width: 100%' src="{{__HOST__}}{{articlelist.img_url}}" alt="">

									</div>


									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right" for="title">作者:</label>

										<div class="col-sm-10">
											<input type="text" id="author" name="author" class="col-xs-10 col-sm-5" value='{{articlelist.author}}' />
										</div>
									</div>



									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right">状态：</label>
										<div class="col-sm-10">
											<label for="status1">已审核：</label>
											<input type="radio" name="status" id="status1" value="1" {{if articlelist.status==1 }} checked {{/if}}
											/> &nbsp;
											<label for="status2">未审核:</label>
											<input type="radio" name="status" id="status2" value="0" {{if articlelist.status==0 }} checked {{/if}}
											/>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right">加入推荐：</label>
										<div class="col-sm-10">
											<input type="checkbox" value="1" name="is_best" {{if articlelist.is_best==1 }} checked {{/if}}> 精品
											<input type="checkbox" value="1" name="is_hot" {{if articlelist.is_hot==1}} checked {{/if}}> 热销
											<input type="checkbox" value="1" name="is_new" {{if articlelist.is_new==1 }} checked {{/if}}> 新品
										</div>
									</div>
								</div>
								<div class="tab-pane fade" id="content">
									<div class="form-group" style="height: 400px;">
										<label class="col-sm-2 control-label no-padding-right">文章详情:</label>

										<div class="col-sm-10">
											<script name="content" id="editor" type="text/plain" style="width:600px;height:300px;"></script>
										</div>
									</div>
								</div>
								<div class="tab-pane fade" id="seo">
									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right" for="keywords">关键字：</label>

										<div class="col-sm-10">
											<input type="text" id="keywords" name="keywords" class="col-xs-10 col-sm-5" value='{{articlelist.keywords}}' />
										</div>
									</div>
									<div class="form-group" style="height:100px;">
										<label class="col-sm-2 control-label no-padding-right" for="description">描述：</label>
										<div class="col-sm-10">
											<textarea style="height:100px;" class="col-xs-10 col-sm-5" name="description" id="description" cols="10" rows="10">{{articlelist.description}}</textarea>
										</div>
									</div>
								</div>
							</div>



							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"></label>

								<div class="col-sm-10">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>

							</div>


						</form>

					</div>

				</div>
			</div>
			<!-- /.main-content -->

		</div>
		<!-- /.main-container-inner -->

		<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
			<i class="icon-double-angle-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->


	<!--[if !IE]> -->

	<script type="text/javascript">
		window.jQuery || document.write("<script src='{{__HOST__}}/admin/js/jquery-2.0.3.min.js'>" + "<" + "script>");
	</script>

	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
</script>
<![endif]-->

	<script type="text/javascript">
		if ("ontouchend" in document) document.write("<script src='{{__HOST__}}/admin/js/jquery.mobile.custom.min.js'>" + "<" + "script>");
	</script> {{include 'admin/public/foot.html'}}

	<script src="{{__HOST__}}/admin/js/typeahead-bs2.min.js"></script>


	<script src="{{__HOST__}}/admin/js/bootstrap-wysiwyg.min.js"></script>


	<script>
		var ue = UE.getEditor('editor');

		ue.addListener('ready', function () {
			ue.setContent(`{{@articlelist.content}}`)
		})

		var pid = document.getElementById('pid');
		var catename = document.getElementById('catename');
		var optionsObj = pid.getElementsByTagName('option');

		pid.onchange = function () {
			for (var i = 0; i < optionsObj.length; i++) {
				if (optionsObj[i].selected) {
					catename.value = optionsObj[i].innerHTML;
				}
			}
		}



	</script>





</body>

</html>